<template>
  valueA:<input v-model="valueA" /> msg:<input v-model="msg" />
  <div v-memo="[]">
    <h2>msg:{{ msg }} {{ show() }}</h2>
  </div>
</template>

<script lang="ts">
import { reactive, ref } from "vue";
export default {
  setup() {
    let msg = ref("apple");
    let valueA = ref("ok");
    function show() {
      console.log("msg被渲染了");
    }
    return { msg, valueA, show };
  },
};
</script>
<style scoped></style>
